<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">
<h:head>
	<ice:outputStyle href="/assets/xmlhttp/css/rime/rime.css"></ice:outputStyle>
	<ice:outputStyle href="/assets/css/topMenu.css"></ice:outputStyle>
</h:head>
<h:body>
	<ice:form id="menuForm">
		<ice:menuBar orientation="Vertical">
			<ice:menuItem value="New" actionListener="#{menuBean.fireAction}"
				styleClass="samClass">
			</ice:menuItem>
			<ice:menuItem value="Open" actionListener="#{menuBean.fireAction}">
			</ice:menuItem>
			<ice:menuItem value="Save" actionListener="#{menuBean.fireAction}">
			</ice:menuItem>
			<ice:menuItem value="Delete" actionListener="#{menuBean.fireAction}">
			</ice:menuItem>
		</ice:menuBar>

		<ice:panelGroup styleClass="componentBox"
			xmlns:h="http://java.sun.com/jsf/html"
			xmlns:f="http://java.sun.com/jsf/core"
			xmlns:ice="http://www.icesoft.com/icefaces/component">
			<ice:panelGroup styleClass="synopsisBox panelCollapsible">
				<ice:outputText value="#{msgs['page.panelCollapsible.synopsis']}" />
				<ice:outputText value="#{msgs['page.panelCollapsible.description']}" />
			</ice:panelGroup>
			<ice:panelGroup styleClass="clearer" />

			<!-- Link based expandable panel demo -->
			<ice:panelGroup styleClass="pnlClpsblWrapper panelCollapsible">

				<ice:panelCollapsible id="linkPanel" expanded="true">
					<f:facet name="header">
						<ice:panelGroup>
							<ice:outputText id="linkHeader"
								value="#{msgs['page.panelCollapsible.links.header']}" />
						</ice:panelGroup>
					</f:facet>
					The panel
				</ice:panelCollapsible>
				<!-- Form input based expandable panel demo -->
				<ice:panelCollapsible id="formPanel" expanded="true">
					<f:facet name="header">
						<ice:panelGroup>
							<ice:outputText id="formHeader"
								value="#{msgs['page.panelCollapsible.form.header']}" />
						</ice:panelGroup>
					</f:facet>
					<ice:panelGroup>
					Pancel 2
					</ice:panelGroup>
				</ice:panelCollapsible>
				<ice:panelCollapsible id="imagePanel" expanded="false">
					<f:facet name="header">
						<ice:panelGroup>
							<ice:outputText id="imageHeader"
								value="#{msgs['page.panelCollapsible.image.header']}" />
						</ice:panelGroup>
					</f:facet>
					<ice:panelGroup style="text-align: center;">
					</ice:panelGroup>
				</ice:panelCollapsible>
				<!-- Text output based expandable panel demo -->
				<ice:panelGroup styleClass="pnlClpsblEnd">
					<ice:panelCollapsible id="textPanel" expanded="true">
						<f:facet name="header">
							<ice:panelGroup>
								<ice:outputText id="textHeader"
									value="#{msgs['page.panelCollapsible.text.header']}" />
							</ice:panelGroup>
						</f:facet>
						<ice:panelGroup>
							Hello
						</ice:panelGroup>
					</ice:panelCollapsible>
				</ice:panelGroup>
			</ice:panelGroup>
		</ice:panelGroup>

	</ice:form>
</h:body>
</html>